<template>
  <div id="app">
    <ImgBackground v-if="true"/>
    <router-view ref="/"/>
  </div>
</template>

<script>
import ImgBackground from './components/Background'
export default {
  name: 'App',
  computed: {

  },
  data() {
    return {

    }
  },
  components: {
    ImgBackground
  }
}
</script>

<style lang="less">


.center-position{
    display: flex;
    justify-content: center;
}

.centerBottom-position{
  position : absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 25px;
}


.root-position{
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 100vw;
    min-height: 100vh;
}



.el-header, .el-footer {
  background-color: #003153;
  min-width : 100vw;
  width: 100rem;
  color: #fff;
}

.el-aside {
  color: #333;
}

.el-main {
  color: #333;
}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
</style>
  

